<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8"/>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="Author" content="ZhangBin">
    <meta name="Keywords" content="1的N次幂,1的N次幂的博客,1的N次幂blog,博客,个人网站">
    <meta name="description" content="java后端交流学习平台。含盖了从HTML，CSS前端到java后台各个领域的个人网站！">
    <title>1的N次幂 Blog</title>
    <link rel="shortcut icon" href="/static/img/Head.png" type="image/x-icon"/>
    <script type="text/javascript" src="/static/js/browserTEST.js"></script>
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css"
          integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
    <link rel="stylesheet" href="//netdna.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
    <link rel="stylesheet" href="/static/plugins/hightlisht-9.12/styles/sunburst.css">
    <link rel="stylesheet" href="/static/css/front_common.css?v1.2">
    <link rel="stylesheet" href="/static/css/front_detail.css?v1.2">
    <script type="text/javascript" src="/static/plugins/jQuery/jquery-3.3.1.min.js"></script>
    <script>
        function showShade() {
            $(".shade").show();
        }

        function hideShade() {
            $(".shade").fadeOut();
        }
    </script>
    <style>

    </style>
</head>
<body ondragstart="return false;">
<!--loading START-->
<div class="shade shadeBg" style="display: none">
    <div class="container loading front-loading" style="position:absolute;top:50%;width:100%;">
        <div class="row loading_wait" style="display: block;">
            <div class="loader">
                <div class="loader-outter"
                     style="border: 4px solid #4fc084;border-left-color: transparent;border-bottom: 0;"></div>
                <div class="loader-inner"
                     style="border: 4px solid #4fc084;border-top-color: transparent;border-right: 0;"></div>
            </div>
        </div>
    </div>
</div>
<script>showShade();</script>
<!--loading END-->
<!--notice panel START-->
<div class="fixedNotice" style="display: none;"></div>
<!--notice panel END-->
<!--navbar:START -->
<div class="nav navbar-default navbar-static-top navbar-fixed-top">
    <div class="container-fluid">
        <div class="navbar-header">
            <button class="navbar-toggle" data-toggle="collapse" data-target="#my-navbar">
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
            <!--<a class="navbar-brand hidden-xs" href="/zbBlog" id="header">
                <img src="../static/img/Head.png" />
            </a>-->
            <a class="navbar-brand " href="javascript:void(0)" id="myName">
                1的N次幂 Blog
            </a>
        </div>
        <div class="collapse navbar-collapse" id="my-navbar">
            <ul class="nav navbar-nav navbar-left menu">
                <!--<li class="dropdown" >
                    <a href="#" class="mainmenu">java</a>
                    <ul class="submenu">
                        <li>
                            <a href="#">Spring</a>
                        </li>
                        <li>
                            <a href="#">MyBatis</a>
                        </li>
                        <li>
                            <a href="#">Struts2</a>
                        </li>
                        <li>
                            <a href="#">JavaEE</a>
                        </li>
                    </ul>
                </li>-->

            </ul>
            <form class="navbar-form navbar-left hidden-sm hidden-md" id="search-input">
                <div>
                    <span class="rotatePanel"></span>
                    <i class="fa fa-search fa-lg"></i>
                    <input type="text" placeholder="搜索感兴趣的内容..." class="form-control"/>
                </div>
            </form>
            <ul class="nav navbar-nav navbar-right hidden-sm  aboutMeMenu">
                <!--<li>
                    <a href="#">友链</a>
                </li>
                <li>
                    <a href="aboutMe.html" target="_blank">关于我</a>
                </li>
                <li>
                    <a href="#">微信关注</a>
                </li>-->
            </ul>
        </div>

    </div>

</div>
<!--navbar:END -->
<!--banner START-->
<div id="myCarousel" class="carousel slide hidden-xs ">
    <div class="carousel-inner">
        <div class="item active">
            <img src="http://home.zhangbin.xin/banner_mengxiang.jpg" id="banner-warp">
            <div class="carousel-caption"><span></span></div>
        </div>
    </div>
</div>
<!--banner END-->
<!--main START-->
<div id="zb-main">
    <div id="zb-main-left">
        <div class="container-fluid zb-content">
            <div class="detail_cont">
                <div class="zb-ml-main zb-m-whitBg">
                    <header>
                        <div class="zb-title"></div>
                        <div class="zb-msg"></div>
                    </header>
                    <!--内容填充区域-->
                    <div class="zb-ml-content">

                    </div>
                    <div class="zb-ml-demo demo-desc">
                        <p class="tip">
                            <i class="fa fa-exclamation-circle" style="color:#f00;"></i> 提醒：<br>
                            1、并不是所有的演示demo都能兼容移动端，如果移动端效果不好，请转移到PC端试试吧。<br>
                            2、如果您想看到更好的演示效果，就请使用高版本且支持HTML5,CSS3的浏览器吧。<br>
                            <span style="color:#f00;font-weight: bold;">3、如果本资源是可以下载的，那么生成的下载链接时效仅为10秒钟，下载时请不要断开续传，不然很可能您没下载完，地址就失效了哦！！</span><br>
                            4、为了节省流量，每个人每天只允许下载1次。<br>
                            5、评论之后就可生成下载咯！<br>
                            如果您觉得本博客还不错，就请您分享给身边的小伙伴把！谢谢！
                        </p>
                    </div>
                    <div class="zb-ml-demo demo-btn col-lg-6 col-md-6 col-sm-12">
                        <a class="btn btn-info OnLine" target="_blank"><i class="fa fa-eye fa-lg"></i> 在线演示 </a>
                        <a class="btn btn-success download"><i class="fa fa-cloud-download fa-lg"></i> 下载资源 </a>
                    </div>
                    <div style="clear: left;"></div>
                </div>
                <div class="zb-praise zb-m-whitBg">
                    <ul class="list-inline text-center praise-face">
                        <li class="pa-love">
                            <span class="pCount">0</span>人</br>
                            <img src="http://home.zhangbin.xin/static/img/face/praise/love.gif" width="50px"
                                 height="50px" data-id="1"></br>
                            <span>超爱</span>
                        </li>
                        <li class="pa-praise">
                            <span class="pCount">0</span>人</br>
                            <img src="http://home.zhangbin.xin/static/img/face/praise/zan.gif" width="50px"
                                 height="50px" data-id="2"></br>
                            <span>赞一个</span>
                        </li>
                        <li class="pa-no">
                            <span class="pCount">0</span>人</br>
                            <img src="http://home.zhangbin.xin/static/img/face/praise/buhao.gif" width="50px"
                                 height="50px" data-id="3"></br>
                            <span>Oh,NO</span>
                        </li>
                        <li class="pa-torment">
                            <span class="pCount">0</span>人</br>
                            <img src="http://home.zhangbin.xin/static/img/face/praise/zhemo.gif" width="50px"
                                 height="50px" data-id="4"></br>
                            <span>折磨</span>
                        </li>
                        <li class="pa-blood">
                            <span class="pCount">0</span>人</br>
                            <img src="http://home.zhangbin.xin/static/img/face/praise/tuxue.gif" width="50px"
                                 height="50px" data-id="5"></br>
                            <span>吐血</span>
                        </li>
                    </ul>
                    <div style="text-align: center;">
                        <span style="position: relative;top:-28px">分享到：</span>
                        <div class="bdsharebuttonbox" style="display: inline-block">
                            <a href="#" class="bds_more" data-cmd="more"></a>
                            <a href="#" class="bds_sqq" data-cmd="sqq" title="分享到QQ好友"></a>
                            <a href="#" class="bds_qzone" data-cmd="qzone" title="分享到QQ空间"></a>
                            <a href="#" class="bds_tqf" data-cmd="tqf" title="分享到腾讯朋友"></a>
                            <a href="#" class="bds_tsina" data-cmd="tsina" title="分享到新浪微博"></a>
                            <a href="#" class="bds_tieba" data-cmd="tieba" title="分享到百度贴吧"></a>
                            <a href="#" class="bds_bdysc" data-cmd="bdysc" title="分享到百度云收藏"></a>
                        </div>
                    </div>
                    <ul class="pre_next">
                        <li><a href="javascript:void(0)" class="prev">下一篇：<span></span></a></li>
                        <li><a href="javascript:void(0)" class="next">上一篇：<span></span></a></li>
                    </ul>
                </div>
                <div class="zb-comment zb-m-whitBg">
                    <div class="zb-comment-cont">
                        <div>我也来发表评论：</div>
                        <form class="comment-form">
                            <div id="face_img" style="display: none">
                                <img src="http://home.zhangbin.xin/static/img/face/comment/47.gif" id="face_btn"
                                     width="35px"/>
                                <ul id="face_ul" class="list-inline" data_status="0"></ul>
                            </div>
                            <div id="zb-comm-con" class="form-control" contenteditable="true"
                                 data-placement="top"></div>
                            <div class="row visitor-msg">
                                <div class="col-lg-6 col-md-6">
                                    <div class="input-group">
                                        <span class="input-group-addon">姓&emsp;名</span>
                                        <input type="text" class="form-control" id="visitor_name"
                                               placeholder="请输入你的大名或昵称..." data-placement="top">
                                    </div>
                                </div>
                                <div class="col-lg-6 col-md-6">
                                    <div class="input-group">
                                        <span class="input-group-addon">网&emsp;址</span>
                                        <input type="text" class="form-control" id="visitor_url"
                                               placeholder="请输入你的网址...">
                                    </div>
                                </div>
                                <div class="col-lg-6 col-md-6">
                                    <div class="input-group">
                                        <span class="input-group-addon">邮&emsp;箱</span>
                                        <input type="text" class="form-control" id="visitor_email"
                                               placeholder="请输入你的邮箱..." data-placement="top">
                                    </div>
                                </div>
                                <div class="col-lg-6 col-md-6">
                                    <div class="input-group">
                                        <div id="verifCode" data-placement="right">
                                            <span id="verifWait">正在加载验证码 . . . . . .</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="row text-center">
                                <input type="button" class="btn btn-primary" id="zb-comm-submit" value="发 表 评 论">
                            </div>
                        </form>
                    </div>
                </div>
                <div class="zb-comment-list zb-m-whitBg">
                    <div class="zb-comm-l-title text-center">
                        关于 <span style="font-weight: bold;" class="l-comm-title"></span> 的评论<span
                            class="l-comm-count"></span>
                    </div>
                    <ul class="zb-com-l-ul">
                        <!--<li class="zb-com-l-ul-li">
                            <div class="talk">
                                <img style="margin:5px 5px;" width="50px" height="50px" src="../static/img/chendongdong.bmp">
                                <div class="talk-head">
                                    <span class="pull-left">陈冬冬陈冬冬</span>
                                    <span class="talk_time pull-left">3天前</span>
                                    <span class="OSV pull-left">chrome 66 win10</span>
                                </div>
                                <div class="tale_cont"></div>
                                <div class="answer">
                                    <img style="margin:5px 5px" width="30px" src="../static/img/Head.png">
                                    <div class="answer-head">
                                        <span class="pull-left">1的N次幂</span>
                                        <span class="pull-left">1天前</span>
                                    </div>
                                    <div class="tale_cont"></div>
                                </div>
                            </div>
                        </li>-->
                    </ul>
                    <div class="loading comm-loading">
                        <div class="row loading-next-div">
                            <div class="col-lg-12">
                                <a class="loading_next">查看更多评论。。。</a>
                            </div>
                        </div>
                        <div class="row loading_wait">
                            <div class="loader">
                                <div class="loader-outter"></div>
                                <div class="loader-inner"></div>
                            </div>
                        </div>
                        <div class="row loading_end"><!--暂时不用这个样式-->
                            <div class="col-lg-12">没有更多的内容了</div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!--这里主要是给翻牌用的loading START-->
        <div class="container loading front-loading" style="display: none;">
            <div class="row loading-next-div">
                <div class="col-lg-12">
                    <a class="loading_next">加载更多。。。</a>
                </div>
            </div>
            <div class="row loading_wait">
                <div class="loader">
                    <div class="loader-outter"></div>
                    <div class="loader-inner"></div>
                </div>
            </div>
            <div class="row loading_end">
                <div class="col-lg-12">没有更多的内容了</div>
            </div>
        </div>
        <!--这里主要是给翻牌用的loading END-->
    </div>
    <div id="zb-main-right" class="visible-lg-block">
        <div class="container-fluid notice">
            <div class="panel panel-warning">
                <div class="panel-heading">
                    <h3 class="panel-title text-center">公告</h3>
                </div>
                <div class="panel-body">
                    <!--<header></header>-->
                    <div class="notice-cont">

                    </div>
                    <a class="more">查看更多公告. . .</a>
                </div>
            </div>
        </div>
        <div class="container-fluid statistics">
            <div class="panel panel-default">
                <div class="panel-heading">
                    <h3 class="panel-title text-center">站点统计</h3>
                </div>
                <div class="panel-body">
                    <ul class="list-unstyled">
                        <li>主页面：6 个</li>
                        <li>子页面：7 个</li>
                        <li>文章：<span class="artCount"></span> 篇</li>
                        <li>标签：<span class="navbarCount"></span> 个</li>
                        <li>评论：<span class="commCount"></span> 条</li>
                        <li>赞：<span class="praiseCount"></span> 个</li>
                        <li>请求量：<span class="reqCount"></span> 次</li>
                    </ul>
                </div>
            </div>
        </div>
        <div class="container-fluid friendLink">
            <!--<div class="panel panel-default">
                <div class="panel-heading">
                    <h3 class="panel-title text-center">友链</h3>
                </div>
                <div class="panel-body">
                    <ul class="list-unstyled">
                        <li>暂无</li>
                    </ul>
                </div>
            </div>-->
        </div>
    </div>
</div>
<!--main END-->
<!--toTOp START-->
<a class="toTop">
    <img src="http://home.zhangbin.xin/toTop.gif" width="100"/>
</a>
<!--toTOp END-->
<!--footer START-->
<div class="container-fluid footer">
    <div class="row">
        <div class="col-lg-4 col-md-4 col-sm-4 col-xs-12">
            <h4>1的N次幂的个人博客</h4>
            让优秀成为一种习惯！
        </div>
        <div class="col-lg-4 col-md-4 col-sm-4 col-xs-12">
            <a href="javascript:void(0)" class="thumbnail" title="关注我">
                <img src="http://home.zhangbin.xin/weixinQRCode.jpg" width="60px">
            </a>
        </div>
        <div class="col-lg-4 col-md-4 col-sm-4 col-xs-12">
            <a href="https://www.qiniu.com/" title="七牛云">
                <img src="https://ss0.bdstatic.com/-0U0bnSm1A5BphGlnYG/tam-ogel/6679ca8537aac2bdddb3bb74a6cc4ce6_121_121.jpg"
                     height="50px">
            </a>
            <a href="https://www.aliyun.com/" title="阿里云">
                <img src="https://ss0.bdstatic.com/-0U0bnSm1A5BphGlnYG/tam-ogel/30d56dac6deed198f47e593eb89d8333_121_121.jpg"
                     height="50px">
            </a>
            <a href="https://pan.baidu.com/" title="百度云盘">
                <img src="https://ss1.baidu.com/6ONXsjip0QIZ8tyhnq/it/u=2847717430,1606509281&fm=58&s=0272C8328CA07D0147EC71C6000030B0&bpow=121&bpoh=75"
                     height="50px">
            </a>
        </div>
    </div>
    <div class="row">
        <div class="col-lg-12">
            Copyright &copy; 1的N次幂 滇ICP备18002838号
        </div>
    </div>
</div>
<!--footer END-->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js"
        integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa"
        crossorigin="anonymous"></script>
<script type="text/javascript"
        src="https://cdnjs.cloudflare.com/ajax/libs/jquery.nicescroll/3.5.6/jquery.nicescroll.js"></script>
<script type="text/javascript" src="/static/plugins/GEETEST3/gt.js"></script>
<script type="text/javascript" src="/static/plugins/layer-3.1.1/layer.js"></script>
<script type="text/javascript" src="/static/plugins/mobile-detect-1.4.1/mobile-detect.min.js"></script>
<script type="text/javascript" src="/static/js/front_common.js?v1.3"></script>
<script type="text/javascript" src="/static/js/front_detail.js?v1.3"></script>
<script type="text/javascript">
    $(function () {
        loadArticle();//加载文章
        loadComment("", 3);//加载评论
        loadPraise();//加载点赞
        $("#zb-main-left .zb-ml-demo .download").click(demoDownload);
    })
</script>
</body>

</html>